<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>jizhiCMS模板标签助手_jizhiCMS标签助手_jizhiCMS标签生成器_小郭博客</title>
	<meta name="keywords" content="jizhiCMS模板标签助手,jizhiCMS标签助手,jizhiCMS模板开发助手" />
	<meta name="description" content="jizhiCMS标签助手高效版，jizhiCMS模板开发助手，网站建设，专业仿站，前端切图，CMS二次开发，联系qq：594649546" />
	<script src="file/js/jquery.min.2.1.4.js"></script>
	<script src="js/vue.min.js"></script>
	<style>
		*,*:before,*:after{box-sizing:border-box;}
		html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
		body{font-size:14px;font-family:"Microsoft YaHei",Helvetica,"SimSun",Arial,sans-serif;}
		.warp{width:100%;height:100%;display:flex;}
		.main-left{width:460px;overflow-y:auto;border-right:1px solid #dfdfdf;padding-left:10px;display: none;}
		.main-main{width:50%;border-right:1px solid #dfdfdf;display: none;}
		.main-extend{overflow-y:auto;flex-grow: 1;position: relative;}
		.pd{padding:10px;}
		#andy_index_img{width:420px;}
		.andy_codeview{width:100%;height:100%;}
		.img-box{position:relative;width:420px;}
		.img-box img{display:block;vertical-align:middle;width: 100%;}
		.img-box>a{position:absolute;display:block;background-color:transparent;text-indent:-9999em;overflow:hidden;float:left;z-index:1001;transition:.3s;}
		.img-box>a:hover{background-color:rgba(144,8,234,0.55);}
		.powered{position: absolute; bottom: 10px;color: #727272;}
		[v-cloak]{display:none;}
		::-webkit-scrollbar {width: 4px; height: 1px; }
		::-webkit-scrollbar-thumb {border-radius: 10px; background: #e8e8e8; }
		::-webkit-scrollbar-track {border-radius: 10px; background: #EDEDED; }
		@media (min-width: 768px) {
			.main-left{display: block;}
			.main-main{display: block;}
			.m-tips{display: none;}
		}
		@media (min-width: 1200px) {
			.main-main{width:45%;}
		}
		@media (min-width: 1800px) {
			.main-main{width:990px;}
		}
		
	</style>
</head>
<body>
<div class="warp">
<div class="main-left">
	<div class="pd">
	<div class="img-box" v-cloak>
		<img src="images/guestbook.jpg" style="width: 100%; border:none;" alt="jizhicms模板标签助手"  >
		<a v-for="v in alist" :style="v.styleobj" :title="v.title" :target="v.target" :href="v.href">{{v.title}}</a>
	</div>
	</div>
</div>
<div class="main-main">
	<iframe class="andy_codeview" src="file/index_guestbook.html" scrolling="auto" frameborder="0" name="andy_codeview"></iframe>
</div>
<div class="main-extend">
	<div class="pd">
		<h3 class="m-tips">手机用户请使用纯文字版</h3>
		<p><a class="link-to-index2" href="index2.html">jizhicms标签大全文字版</a></p>
		<div class="powered">版权所有 AndyGuo 小郭博客 qq:594649546</div>
	</div>
</div>
</div>
<script>
$(function(){
var vm = new Vue({
	el:".img-box",
	data:{
		alist:[
			{"title":"网站LOGO","href":"file/copyright.html?ly=logo","target":"andy_codeview","styleobj":{width:"79px",height:"40px",left:"7px",top:"7px"}},
			{"title":"搜索框","href":"file/search.html","target":"andy_codeview","styleobj":{width:"164px",height:"26px",left:"112px",top:"21px"}},
			{"title":"注册登录","href":"file/user.html","target":"andy_codeview","styleobj":{width:"93px",height:"26px",left:"316px",top:"21px"}},
			{"title":"站点导航","href":"file/nav.html","target":"andy_codeview","styleobj":{width:"76px",height:"25px",left:"4px",top:"54px"}},
			{"title":"首页","href":"index.html","target":"_self","styleobj":{width:"40px",height:"25px",left:"131px",top:"54px"}},
			{"title":"产品列表","href":"list_article.html","target":"_self","styleobj":{width:"40px",height:"25px",left:"177px",top:"54px"}},
			{"title":"新闻列表","href":"list_article.html","target":"_self","styleobj":{width:"40px",height:"25px",left:"223px",top:"54px"}},
			{"title":"留言","href":"file/index_guestbook.html","target":"andy_codeview","styleobj":{width:"40px",height:"25px",left:"269px",top:"54px"}},
			{"title":"内容详情","href":"show_article.html","target":"_self","styleobj":{width:"59px",height:"25px",right:"4px",top:"54px"}},
			{"title":"轮播图","href":"file/banner.html","target":"andy_codeview","styleobj":{width:"416px",height:"103px",left:"2px",top:"80px"}},
			{"title":"面包屑导航","href":"file/index_list.html?ly=f2","target":"andy_codeview","styleobj":{width:"416px",height:"26px",left:"2px",top:"190px"}},
			{"title":"留言表单","href":"file/index_guestbook.html?ly=f1","target":"andy_codeview","styleobj":{width:"416px",height:"136px",left:"2px",top:"221px"}},
			{"title":"留言列表","href":"file/index_guestbook.html?ly=f2","target":"andy_codeview","styleobj":{width:"416px",height:"130px",left:"2px",top:"363px"}},
			{"title":"底部公司信息","href":"file/company.html","target":"andy_codeview","styleobj":{width:"126px",height:"72px",left:"4px",bottom:"21px"}},
			{"title":"底部版权声明","href":"file/copyright.html?ly=copyright","target":"andy_codeview","styleobj":{width:"181px",height:"19px",left:"137px",bottom:"20px"}},
			{"title":"底部网站备案号","href":"file/copyright.html?ly=beian","target":"andy_codeview","styleobj":{width:"72px",height:"19px",left:"329px",bottom:"21px"}},
			
		]
	}
})
})
</script>
</body>
</html>